@import url("reset.css");
@import url("960.css");
@import url("cssMyFrame.css");
@import url("../font/fonts.css");

body { font:normal 12px/130% Arial, Helvetica, sans-serif; color: #666; }
h2,h3,p { margin-bottom: 10px;}
h2 { font-size: 3em; font-family:  'museo_900regular';}
h3 { font-size: 1.4em; font-family: 'museo_500regular' }
a { text-decoration:none; }

#header { position:relative; z-index:1; }

#footer { font-size:10px; }

.small-news {
	position:relative;
	background: white;
 	-moz-border-radius:5px; /* Firefox */
  	-webkit-border-radius:5px; /* Safari, Chrome */
  	border-radius:5px; /* CSS3 */
  	
  	behavior:url('./path/PIE.htc');
  	overflow:hidden;
	cursor:pointer;
}
.small-news h3,.small-news p,.small-news a.read { margin:0 10px 10px 10px; }

#banner .desc {
	position: absolute; bottom: 10px; right: 10px;
	background: white; padding: 20px 15px 0;
	width:220px;
	cursor:pointer;
}

#banner .desc h2 { margin-bottom: 20px;}
#banner .desc p{ font-size: 1.5em; line-height: 120%;}
#banner .desc a.link { width:250px; height:109px; }
#banner {
	
	color:#19398C;
	-moz-border-radius:10px; /* Firefox */
  	-webkit-border-radius:10px; /* Safari, Chrome */
  	border-radius:10px; /* CSS3 */
  	behavior:url('./path/PIE.htc');
  	overflow:hidden;
	
}
.envoltorio {
	position:relative; 
	border-top: 20px solid #ED1C24; border-bottom: 20px solid #ED1C24;
	border-right: 10px solid #ED1C24; border-left: 10px solid #ED1C24;
 	background:#ED1C24;
 
 	-moz-border-radius:10px; /* Firefox */
  	-webkit-border-radius:10px; /* Safari, Chrome */
  	border-radius:10px; /* CSS3 */
  	
  	behavior: url('./path/PIE.htc');
	z-index:1;
}

#content {
	background-color:#FFF;
}

a.read {
	display:block;
	width:65px;
	height:20px;
	color:#FFF;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	line-height:2.1;
	background-color:#00599B;
	-moz-border-radius:5px; /* Firefox */
  	-webkit-border-radius:5px; /* Safari, Chrome */
  	border-radius:5px; /* CSS3 */
  	
  	behavior: url('./path/PIE.htc');
}

/* */

#menu_tabs {	
	position:absolute;
	top:-47px;
	right:10px;
}

#menu_tabs div {
	float:left;
}

#menu_tabs div a {
	display:block;
	margin-right:3px;
	padding:6px 12px;
	color:#FFF;
	background-color:#0F4894;	
	-moz-border-radius:5px 5px 0 0; /* Firefox */
  	-webkit-border-radius:5px 5px 0 0; /* Safari, Chrome */
  	border-radius:5px 5px 0 0; /* CSS3 */
  	
  	behavior: url('./path/PIE.htc');
}

#menu_tabs div a.active { background-color:#ED1C24; }

.sombra { position:absolute; top:250px; left:-25px; width:1015px; height:125px; background:url(../img/sombra-01.png) no-repeat; }
.sombra01 { position:absolute; top:350px; left:170px; width:85px; height:255px; background:url(../img/sombra-02.png) no-repeat; }
.sombra02 { position:absolute; top:350px; left:410px; width:85px; height:255px; background:url(../img/sombra-02.png) no-repeat; }
.sombra03 { position:absolute; top:350px; left:650px; width:85px; height:255px; background:url(../img/sombra-02.png) no-repeat; }
.sombra04 { position:absolute; top:350px; left:890px; width:85px; height:255px; background:url(../img/sombra-02.png) no-repeat; }

/* Politek */

#submenu { position:absolute; top:0; left:0; width:940px; background-color:#DDD; border-bottom:solid 1px #BBB; z-index:1; }
#submenu div { float:left; }
#submenu div a {
	display:block;
	height:20px;
	padding:10px 12px;
	border-right:solid 1px #BBB;
	color:#666;
	line-height:1.5;
}

#submenu div a:hover, #submenu div.active a { color:#333; background-color:#CCC; }

.items div.item h2 { font-size:2.5em; color:#19398C; }
.items div.item h3 { font-size:2.5em; color:#AAA; margin-bottom:20px; }
.items div.item p { font-size:1.25em; line-height:1.25; }

#poliester { background:url(../img/bg-poliester.png) no-repeat 480px 100px; }
#poliester span { font-size:2em; color:#19398C; }
#poliester img { position:relative; top:-5px; }

#resinas div.columna { float:left; width:40%; padding-right:10%; }
#resinas p.titulo { color:#19398C; font-weight:bold; border-bottom:solid 1px #19398C; }
#resinas ul li { list-style-type:disc; margin:0 0 10px 15px; color:#19398C; font-weight:bold; }
#resinas ul li span { color:#666; font-weight:normal; }

#gama table th { width:18%; padding:1%; background-color:#BBB; color:#FFF; }
#gama table td { width:18%; padding:1%; }
#gama table.t2 td { width:14%; padding:1%; }
#gama table td:first-child { width:18%; padding:1%; font-weight:bold; }
#gama ul.tabs { position:absolute; right:20px; bottom:20px; }
#gama ul.tabs li { display:inline; margin-right:5px; }
#gama ul.tabs li a {
	display:inline-block;
	width:30px;
	height:30px;
	background-color:#00599B;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	line-height:1.6;
	-moz-border-radius:5px; /* Firefox */
  	-webkit-border-radius:5px; /* Safari, Chrome */
  	border-radius:5px; /* CSS3 */
  	
  	behavior: url('./path/PIE.htc');
}
#gama ul.tabs li a.current { background-color:#ED1C24; }

#sistema { background:url(../img/bg-poliester-sistema.png) no-repeat 480px 80px; }
#sistema h2, #sistema h3 { margin-left:40px; }

#laminado { background:url(../img/bg-laminado.png) no-repeat 0 100px; }
#laminado ol { margin-left:200px; }
#laminado ol li { list-style-type:decimal; margin-left:15px; color:#19398C; }
#laminado ol li span { color:#666; }
#laminado .aviso {  width:50%; margin-left:420px; font-style:italic; }
#laminado .aviso p.titulo { color:#19398C; font-weight:bold; }
#laminado .aviso ol { margin-left:0; }
#laminado .aviso ol li { list-style-type:lower-alpha; margin-left:15px; color:#19398C; }
#laminado .aviso ol li span { color:#666; }

#complementos table th { padding:5px; background-color:#BBB; color:#FFF; }
#complementos table td { padding:5px; vertical-align:middle; }

/* Hojas Técnicas */

div.btn_marca { float:left; width:58%; height:24px; border-bottom:solid 1px #FFF; font-size:1.2em; line-height:1.7; }
div.btn_marca a {
	display:block;
	width:98%;
	height:100%;
	padding-left:2%;
	background:#EEE url(../img/bg-btn_marca.png) no-repeat 495px -20px;
	color:#666;
}
div.btn_marca a.active { color:#FFF; background-color:#999; background-position:495px 5px; }

div.lista_hojas { display:none; float:left; width:58%; margin-bottom:5px; }
div.lista_hojas div { float:left; width:48%; padding:5px 0 0 2%; }
div.lista_hojas div a { color:#666; }
div.lista_hojas div a:hover { color:#0F4894; text-decoration:underline; }

/* Nosotros */

div.cuadro {
	position:relative;
	overflow:hidden;
	width:895px;
	height:520px;
	margin:0 10px;
	padding:25px 20px 20px 20px;
	background-color:#FFF;
	
	-moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari, Chrome */
  	border-radius: 10px; /* CSS3 */
  	
  	behavior: url('./path/PIE.htc');
}
div.cuadro h2 { font-size:2.5em; color:#19398C; }
div.cuadro p { font-size:1.25em; line-height:1.25; margin-bottom:20px; }

/* Contactenos */

div.cuadro div.columna { float:left; width:425px; }
div.cuadro div.columna p a { color:#666; text-decoration:underline; }
div.cuadro form p { margin-bottom:10px; }
div.cuadro form input { width:218px; border:solid 1px #666; }
div.cuadro form textarea { width:458px; border:solid 1px #666; padding:2px 0; }

/**
 * 	 slideshow 
 * */

#slideshowWrapper { position:relative; width:940px; margin:auto; }
#fssNext,#fssPrev { top:42%; position:absolute; width:40px; height:40px; background:#00599B url(../img/flechas.png); }
#fssPrev {
	left:0;
	text-indent:-999999px;
	-moz-border-radius:0 10px 10px 0; /* Firefox */
  	-webkit-border-radius:0 10px 10px 0; /* Safari, Chrome */
  	border-radius:0 10px 10px 0; /* CSS3 */
  	
  	behavior: url('./path/PIE.htc');
}
#fssNext {
	right:0;
	text-indent:-999999px;
	background-position:40px 0;
	-moz-border-radius:10px 0 0 10px; /* Firefox */
  	-webkit-border-radius:10px 0 0 10px; /* Safari, Chrome */
  	border-radius:10px 0 0 10px; /* CSS3 */
  	
  	behavior: url('./path/PIE.htc');
}

#fssPrev:hover, #fssNext:hover { background-color:#ED1C24; }

#fssPlayPause {
	position:absolute;
	top:435px;
	right:20px;
	padding:4px 0 5px 0;
	-moz-border-radius:5px;
	border-radius:5px;
	width:60px;
	text-align:center;
	display:block;
	color:#333;
	text-decoration:none;
}

ul#slideshow{ list-style:none; width:940px; height:325px; overflow:hidden; }
#fssList { position:absolute; top:10px; left:46.5%; list-style:none; }
#fssList li { display:inline-block; width:12px; height:12px; margin-right:10px; background:url(../img/slide-list.png); }
#fssList li.fssActive { background:url(../img/slide-list-active.png); }
#fssList li a { display:block; width:100%; height:100%; }

#top { background:#3b5998; width:100%; height:40px; margin-bottom:20px;}
#top h1 { color:#FFF; font-weight:normal; font-size:18px; padding:7px 0 0 15px}
#top h1 span { font-size:11px; }
#top h1 a { text-decoration:underline; color:#FFF; }
#top h1 a:hover { text-decoration:none; }

/**
 * 	 scrollable 
 * */

.scrollable {
	position:relative;
	overflow:hidden;
	width:940px;
	height:560px;
	margin:0 10px;
	background-color:#FFF;
	
	-moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari, Chrome */
  	border-radius: 10px; /* CSS3 */
  	
  	behavior: url('./path/PIE.htc');
}
.scrollable .items { width:20000em; position:absolute; }
.items div.item { float:left; position:relative; width:900px; height:470px; padding:70px 20px 20px 20px; }

a.prev, a.next {	
    display:block;
	position:absolute;
	top:47%;
    width:40px;
    height:40px;
	background:#00599B url(../img/flechas.png);
    cursor:pointer;
	z-index:1;
}
a.prev {
	left:-10px;
	
	-moz-border-radius:0 10px 10px 0; /* Firefox */
  	-webkit-border-radius:0 10px 10px 0; /* Safari, Chrome */
  	border-radius:0 10px 10px 0; /* CSS3 */
  	
  	behavior: url('./path/PIE.htc');
	
}
a.next {
	right:-10px;
	background-position:40px 0;
	
	-moz-border-radius:10px 0 0 10px; /* Firefox */
  	-webkit-border-radius:10px 0 0 10px; /* Safari, Chrome */
  	border-radius:10px 0 0 10px; /* CSS3 */
  	
  	behavior: url('./path/PIE.htc');
}

a.prev:hover, a.next:hover { background-color:#ED1C24; }

a.disabled { visibility:hidden !important; }